<!DOCTYPE HTML>
<html lang="en-US">
    <head>

        <meta charset="UTF-8">
        <title>Beoro Admin Template v1.1</title>
        <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <link rel="icon" type="image/ico" href="favicon.ico">
        
    <!-- common stylesheets-->
        <!-- bootstrap framework css -->
            <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
            <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css">
        <!-- iconSweet2 icon pack (16x16) -->
            <link rel="stylesheet" href="img/icsw2_16/icsw2_16.css">
        <!-- splashy icon pack -->
            <link rel="stylesheet" href="img/splashy/splashy.css">
        <!-- flag icons -->
            <link rel="stylesheet" href="img/flags/flags.css">
        <!-- power tooltips -->
            <link rel="stylesheet" href="js/lib/powertip/jquery.powertip.css">
        <!-- google web fonts -->
            
            

    <!-- aditional stylesheets -->
        <!-- switch buttons -->
            <link rel="stylesheet" href="js/lib/ibutton/css/jquery.ibutton.css">
        <!-- enchanced select box, tag handler -->
            <link rel="stylesheet" href="js/lib/select2/select2.css">


        <!-- main stylesheet -->
            <link rel="stylesheet" href="css/beoro.css">

        <!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css"><![endif]-->
        <!--[if IE 9]><link rel="stylesheet" href="css/ie9.css"><![endif]-->
            
        <!--[if lt IE 9]>
            <script src="js/ie/html5shiv.min.js"></script>
            <script src="js/ie/respond.min.js"></script>
            <script src="js/lib/flot-charts/excanvas.min.js"></script>
        <![endif]-->

    </head>
    <body class="bg_d">
    <!-- main wrapper (without footer) -->    
        <div class="main-wrapper">
        <!-- top bar -->
            <div class="navbar navbar-fixed-top">
                <div class="navbar-inner">
                    <div class="container">
                        <div class="pull-right top-search">
                            <form action="" >
                                <input type="text" name="q" id="q-main">
                                <button class="btn"><i class="icon-search"></i></button>
                            </form>
                        </div>
                        <div id="fade-menu" class="pull-left">
                            <ul class="clearfix" id="mobile-nav">
                                <li>
                                    <a href="javascript:void(0)">Forms</a>
                                    <ul>
                                        <li>
                                            <a href="form_elements.html">Form elements</a>
                                        </li>
                                        <li>
                                            <a href="form_validation.html">Form validation</a>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">Components</a>
                                    <ul>
                                        <li>
                                            <a href="calendar.html">Calendar</a>
                                        </li>
                                        <li>
                                            <a href="charts.html">Charts</a>
                                        </li>
                                        <li>
                                            <a href="contact_list.html">Contact List</a>
                                        </li>
                                        <li>
                                            <a href="datatables.html">Datatables</a>
                                        </li>
                                        <li>
                                            <a href="editable_elements.html">Editable Elements</a>
                                        </li>
                                        <li>
                                            <a href="file_manager.html">File manager</a>
                                        </li>
                                        <li>
                                            <a href="gallery.html">Gallery</a>
                                        </li>
                                        <li>
                                            <a href="gmaps.html">Google Maps</a>
                                        </li>
                                        <li>
                                            <a href="#">Tables</a>
                                            <ul>
                                                <li><a href="tables_regular.html">Regular Tables</a></li>
                                                <li><a href="table_stacking.html">Stacking Table</a></li>
                                                <li><a href="table_examples.html">Table examples</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="wizard.html">Wizard</a>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">UI Elements</a>
                                    <ul>
                                        <li><a href="alerts_buttons.html">Alerts, Buttons</a></li>
                                        <li><a href="grid.html">Grid</a></li>
                                        <li><a href="icons.html">Icons</a></li>
                                        <li>
                                            <a href="notifications.html">Notifications</a>
                                        </li>
                                        <li><a href="tabs_accordions.html">Tabs, Accordions</a></li>
                                        <li><a href="tooltips_popovers.html">Tooltips, Popovers</a></li>
                                        <li><a href="typography.html">Typography</a></li>
                                        <li><a href="widgets.html">Widgets</a></li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">Other pages</a>
                                    <ul>
                                        <li><a href="ajax_content.html">Ajax content</a></li>
                                        <li><a href="blank.html">Blank page</a></li>
                                        <li><a href="blog_page.html">Blog page</a></li>
                                        <li><a href="blog_page_single.html">Blog page (single)</a></li>
                                        <li><a href="error_404.html">Error 404</a></li>
                                        <li><a href="help_faq.html">Help/Faq</a></li>
                                        <li><a href="invoices.html">Invoices</a></li>
                                        <li><a href="login.html">Login Page</a></li>
                                        <li><a href="mailbox.html">Mailbox</a></li>
                                        <li><a href="user_profile.html">User profile</a></li>
                                        <li><a href="settings.html">Site Settings</a></li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">Sub-menu</a>
                                    <ul>
                                        <li><a href="#">Section 1</a></li>
                                        <li><a href="#">Section 2</a></li>
                                        <li><a href="#">Section 3</a></li>
                                        <li>
                                            <a href="#">Section 4</a>
                                            <ul>
                                                <li><a href="#">Section 4.1</a></li>
                                                <li><a href="#">Section 4.2</a></li>
                                                <li><a href="#">Section 4.3</a></li>
                                                <li>
                                                    <a href="#">Section 4.4</a>
                                                    <ul>
                                                        <li><a href="#">Section 4.4.1</a></li>
                                                        <li><a href="#">Section 4.4.2</a></li>
                                                        <li><a href="#">Section 4.4.4</a></li>
                                                        <li><a href="#">Section 4.4.5</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Section5</a></li>
                                        <li><a href="#">Section6</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        <!-- header -->
            <header>
                <div class="container">
                    <div class="row">
                        <div class="span3">
                            <div class="main-logo"><a href="dashboard.html"><img src="img/beoro_logo.png" alt="Beoro Admin"></a></div>
                        </div>
                        <div class="span5">
                            <nav class="nav-icons">
                                <ul>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Dashboard"><i class="icsw16-home"></i></a></li>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Content"><i class="icsw16-create-write"></i></a></li>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Mailbox"><i class="icsw16-mail"></i><span class="badge badge-info">6</span></a></li>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Comments"><i class="icsw16-speech-bubbles"></i><span class="badge badge-important">14</span></a></li>
                                    <li class="active"><span class="ptip_s" title="Statistics (active)"><i class="icsw16-graph"></i></span></li>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Settings"><i class="icsw16-cog"></i></a></li>
                                </ul>
                             </nav>
                        </div>
                        <div class="span4">
                            <div class="user-box">
                                <div class="user-box-inner">
                                    <img src="img/avatars/avatar.png" alt="" class="user-avatar img-avatar">
                                    <div class="user-info">
                                        Welcome, <strong>Jonathan</strong>
                                        <ul class="unstyled">
                                            <li><a href="user_profile.html">Settings</a></li>
                                            <li>&middot;</li>
                                            <li><a href="login.html">Logout</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </header>

        <!-- breadcrumbs -->
            <div class="container">
                <ul id="breadcrumbs">
                    <li><a href="javascript:void(0)"><i class="icon-home"></i></a></li>
                    <li><a href="javascript:void(0)">Content</a></li>
                    <li><a href="javascript:void(0)">Article: Lorem ipsum dolor...</a></li>
                    <li><a href="javascript:void(0)">Comments</a></li>
                    <li><span>Lorem ipsum dolor sit amet...</span></li>
                </ul>
            </div>
            
        <!-- main content -->
            <div class="container">
                <div class="row-fluid">
                    <div class="span12">
                        <div class="w-box w-box-green">
                            <div class="w-box-header">
                                <h4>Site</h4>
                                <i class="icsw16-settings icsw16-white pull-right"></i>
                            </div>
                            <div class="w-box-content cnt_a">
                                <div class="row-fluid">
                                    <div class="span6">
                                        <p class="heading_a">Site settings</p>
                                        <div class="formSep">
                                            <label for="s_name">Site Name</label>
                                            <input type="text" class="span8" id="s_name" name="s_name" value="Beoro Admin Template" />
                                        </div>
                                        <div class="formSep">
                                            <label for="s_offline">Site Offline</label>
                                            <input type="checkbox" id="s_offline" name="s_offline" />
                                        </div>
                                        <div class="formSep">
                                            <label for="s_off_message">Offline Message</label>
                                            <textarea name="s_off_message" id="s_off_message" cols="30" rows="4" class="span8">
This site is down for maintenance. Please check back again soon.</textarea>
                                        </div>
                                        <div class="formSep">
                                            <label for="cacheMode">Cache mode</label>
                                            <select id="cacheMode" name="cacheMode" class="span8">
                                                <option value="both">Use the server and the browser cache</option>
                                                <option value="server">Use only the server cache</option>
                                                <option value="browser">Use only the browser cache</option>
                                                <option value="none">Disable caching</option>
                                            </select>
                                            <span class="help-block help-last">Here you can select the cache mode.</span>
                                        </div>
                                    </div>
                                    <div class="span6">
                                        <p class="heading_a">SEO settings</p>
                                        <div class="formSep">
                                            <label for="s_seo_engine">Search Engine Friendly URLs</label>
                                            <input type="checkbox" checked id="s_seo_engine" name="s_seo_engine" />
                                            <span class="help-block help-last">Select whether or not the URLs are optimised for Search Engines.</span>
                                        </div>
                                        <div class="formSep sepH_c">
                                            <label for="s_seo_rewrite">Use URL rewriting</label>
                                            <input type="checkbox" id="s_seo_rewrite" name="s_seo_rewrite" />
                                            <span class="help-block help-last">Select to use a server's rewrite engine to catch URLs that meet specific conditions and rewrite them as directed.</span>
                                        </div>
                                        <p class="heading_a">Date & Time</p>
                                        <div class="formSep">
                                            <label for="time_format">Time Format</label>
                                            <select name="time_format" id="time_format" class="span6">
                                                <option value="H:i">08:25</option>
                                                <option value="H:i:s">08:25:16</option>
                                                <option value="g:i a">08:25 am</option>
                                                <option value="g:i A">08:25 AM</option>
                                            </select>
                                            <span class="help-block help-last">This format is used to display dates on the website.</span>
                                        </div>
                                        <div class="formSep">
                                            <label for="date_format">Date Format</label>
                                            <select name="date_format" id="date_format" class="span6">
                                                <option value="j/n/Y">29/11/2012</option>
                                                <option value="j-n-Y">29-11-2012</option>
                                                <option value="j.n.Y">29.11.2012</option>
                                                <option value="n/j/Y">11/29/2012</option>
                                                <option value="d/m/Y">29/11/2012</option>
                                                <option value="d-m-Y">29-11-2012</option>
                                                <option value="d.m.Y">29.11.2012</option>
                                                <option value="m/d/Y">11/29/2012</option>
                                                <option value="m-d-Y">11-29-2012</option>
                                                <option value="m.d.Y">11.29.2012</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row-fluid">
                                    <div class="span12">
                                        <p class="heading_a">Languages</p>
                                        <div class="formSep">
                                            <label for="s_lang_visitors">Select the languages that are accessible for visitors</label>
                                            <input type="text" id="s_lang_visitors" name="s_lang_visitors" class="span8" value="English,French,Spanish">
                                        </div>
                                        <div class="formSep">
                                            <label for="s_lang_redirect">Select the languages that people may automatically be redirected to based upon their browser language</label>
                                            <input type="text" id="s_lang_redirect" name="s_lang_redirect" class="span8" value="English,French,Spanish,Italian">
                                        </div>	
                                    </div>
                                </div>
                                <div class="row-fluid">
                                    <div class="span12">
                                        <p class="heading_a">Mail Settings</p>
                                        <div class="row-fluid">
                                            <div class="span6">
                                                <div class="formSep">
                                                    <label for="s_mailer">Mailer</label>
                                                    <select id="s_mailer" name="s_mailer" class="span6">
                                                        <option value="mail">PHP Mail</option>
                                                        <option value="sendmail">Sendmail</option>
                                                        <option value="smtp">SMTP</option>
                                                    </select>
                                                </div>
                                                <div class="formSep">
                                                    <label for="s_mail_from">From Email</label>
                                                    <input type="text" class="span8" id="s_mail_from" name="s_mail_from" value="beoro@example.com" />
                                                </div>
                                                <div class="formSep">
                                                    <label for="s_mail_name">From Name</label>
                                                    <input type="text" class="span8" id="s_mail_name" name="s_mail_name" value="Beoro Admin" />
                                                </div>
                                            </div>
                                            <div class="span6">
                                                <div class="formSep">
                                                    <label for="s_smtp_user">SMTP Username</label>
                                                    <input type="text" class="span8" id="s_smtp_user" name="s_smtp_user" />
                                                </div>
                                                <div class="formSep">
                                                    <label for="s_smtp_password">SMTP Password</label>
                                                    <input type="text" class="span8" id="s_smtp_password" name="s_smtp_password" />
                                                </div>
                                                <div class="formSep">
                                                    <label for="s_smtp_host">SMTP Host</label>
                                                    <input type="text" class="span8" id="s_smtp_host" name="s_smtp_host" value="localhost" />
                                                </div>
                                            </div>
                                        </div>	
                                    </div>
                                </div>
                            </div>
                            <div class="w-box-footer">
                                <div class="f-center">
                                    <button class="btn btn-beoro-3">Save</button>
                                    <button class="btn btn-link inv-cancel">Cancel</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer_space"></div>
        </div> 

    <!-- footer --> 
        <footer>
            <div class="container">
                <div class="row">
                    <div class="span5">
                        <div>&copy; Your Company 2012</div>
                    </div>
                    <div class="span7">
                        <ul class="unstyled">
                            <li><a href="#">First link</a></li>
                            <li>&middot;</li>
                            <li><a href="#">Second link</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </footer>
        
    <!-- Common JS -->
        <!-- jQuery framework -->
            <script src="js/jquery.min.js"></script>
        <!-- bootstrap Framework plugins -->
            <script src="bootstrap/js/bootstrap.min.js"></script>
        <!-- top menu -->
            <script src="js/jquery.fademenu.js"></script>
        <!-- top mobile menu -->
            <script src="js/selectnav.min.js"></script>
        <!-- actual width/height of hidden DOM elements -->
            <script src="js/jquery.actual.min.js"></script>
        <!-- jquery easing animations -->
            <script src="js/jquery.easing.1.3.min.js"></script>
        <!-- power tooltips -->
            <script src="js/lib/powertip/jquery.powertip-1.1.0.min.js"></script>
        <!-- date library -->
            <script src="js/moment.min.js"></script>
        <!-- common functions -->
            <script src="js/beoro_common.js"></script>

        <!-- switch buttons -->
            <script src="js/lib/ibutton/js/jquery.ibutton.beoro.min.js"></script>
        <!-- enchanced select box, tag handler -->
            <script src="js/lib/select2/select2.min.js"></script>

            <script src="js/pages/beoro_settings.js"></script>
    </body>
</html>